<script type="text/javascript">

function validate(){
	
	if(document.getElementById("search_flight_booking").value.length==0){
		alert("Please key in your booking no. ");
		return false;
	}else{
		return true;
	}
}

</script>

<div id="mainbar">
      
      <h1><a name="about" id="about"></a>Search Flight By Places</h1>
	  <form id="search_flight" name="search_flight" action="searchFlightServlet" method="post">
      <table>
        <tr>
			<td>Select Departure: </td>
			<td>
				<select id="departure" name="departure">
					<option value="Greenwich">Greenwich</option>
					<option value="Dublin">Dublin</option>
					<option value="Edinburgh">Edinburgh</option>
					<option value="Norwich">Norwich</option>
					<option value="Cardiff">Cardiff</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Select Destination: </td>
			<td>
				<select id="destination" name="destination">
					<option value="Cardiff">Cardiff</option>
					<option value="Dublin">Dublin</option>
					<option value="Edinburgh">Edinburgh</option>
					<option value="Norwich">Norwich</option>
					<option value="Greenwich">Greenwich</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2" style="text-align: right;"><input type="submit" value="Search"></td>
		</tr>
	  	</table>
	  </form>
	  <h1>Search Flight By Booking No</h1>
	  <form id="search_flight_booking" name="search_flight_booking" action="searchFlightServletByBooking" method="post" onsubmit="return validate()">
	  	<table>
	  		<tr>
	  			<td>Booking No: </td>
	  			<td><input type="text" name="booking_no"/></td>
	  		</tr>
	  		<tr>
	  			<td colspan="2"><input type="submit" value="Search"/></td>
	  		</tr>
	  	</table>
	  </form>
	  <br>
    </div>
</div>
<br><br><br><br><br><br><br><br><br><br>